/* CSS Document */

/*##### common css #####*/

body, div, p, table, td{

	font-family:arial;

	font-size:12px;

}



img{

	border:0px;

}

a:link, a:active, a:visited{

	color: #393939;

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}

a.info_a:active, a.info_a:link, a.info_a:visited, a.info_a:hover{

	font-size:14px;

	color:#4C88FF;

	font-weight:bold;

}



div.msg_err{

	width:100%;

	margin:5px 0 10px 0;

}

div.msg_err div{

	border:1px solid red;

	background-color:#FFEAEA;

	color:red;

	padding:5px;

	text-align:left;

}

div.msg_msg{

	width:100%;

	margin:5px 0 10px 0;

}

div.msg_msg div{

	border:1px dotted #237332;

	background-color:#E7EFE6;

	color:black;

	padding:5px;

	text-align:left;

}

div.msg_info{

	width:100%;

	margin:5px 0 10px 0;

	padding:5px;

	font-style:italic;

	background-color: #E5F2F5;

}



.red{color:red;}

.black{color:black;}

.green{color:green;}

.orange{color:orange;}

.bold{font-weight:bold;}

.italic{font-style:italic;}

.width100{width:100%;}

.clear{clear:both;}

.left{text-align:left;}

.center{text-align:center;}

.right{text-align:right;}

.justify{text-align:justify;}

.inputbox{font-family:arial; font-size:8pt;}

.padding_height{padding:20px 0 20px 0;}

.no_bg{background:none;}

.none{display:none;}



/*##### form #####*/

form{display:inline;}

.button{height:20px; font-family:arial; font-size:8pt;}

input, select, textarea{font:17px/28px Georgia, "Times New Roman", Times, serif;}



/*#####ajax#####*/

span.ajax_loading{

	width:16px;

	height:16px;

	background:url("images/spinner.gif") no-repeat 0 0;

}



/* public task table*/

.pbt_table{

	width:	300px;

}

.pbt_table td{

	padding:3px;

	
}

.pbt_table tr.pbt_header{

	font:17pt/28px Georgia, "Times New Roman", Times, serif;

}

.pbt_table tr.pbt_body{

	background-color:#E5E7FC;

}

/*preview table*/

table.rev td{

	border:1px solid #000;

}

/* public listing table*/

.pbl_table{

	width:100%;

	border-collapse:collapse;

	margin:5px 0 3px 0;

}

.pbl_table td{

	padding:2px;

	vertical-align:top;

	border:1px solid #2B9EA3;

	color:#000;

}

.pbl_table tr.pbl_header{

	font-weight:bold;

	text-align:center;

	background-color:#035C5F;

	color:#FFFFFF;

}

.pbl_table tr.pbl_header td{

	text-align:center;

	color:#FFFFFF;

}

.pbl_table tr.row0{

	text-align:center;

	background-color:#E1F1F2;

}

.pbl_table tr.row1{

	text-align:center;

	background-color:#F0F7F7;

}


/* Login Form Table */

.pbt_table1{

	width:273px;

}

.pbt_table1 td{

	padding:6px 3px;

	vertical-align:middle;
	
	

}

.pbt_table1 tr.pbt_header{

	font: 14px/18px Georgia, "Times New Roman", Times, serif;

	color:#000;

}

.pbt_table1 tr.pbt_body{

	background-color:#E5E7FC;

}

/*matrix network*/

div.member_matrix{

	float:left;

	width:270px;

	text-align:center;

	padding:0 0 30px 15px;

	background:none;

	color:#000;

}

div.member_matrix div.matrix_body{

	float:left;
	width:270px;
}

div.slot_up{

	margin:auto; 

	width:134px; 

	height:20px;

}

div.slot_nav{

	float:left; 

	margin-top:280px; 

	width:48px; 

	height:20px;

}

div.head_slot{

	width:134px;

	height:185px;

	margin:auto;

}

div.head_slot div.slot_box{

	width:125px;

	height:150px;

	margin:auto;

	padding-top:5px;

	color:#380900;

}

div.slot_line{

	width:0px;

	height:30px;

	border:0px solid #305F6A;

	border-width:0 1px 0 1px;

	margin:auto;

}

div.downline_slots{

	width:270px;

	text-align:center;

	margin:auto;

	border:0px solid black;

}

div.downline_slots div.slot{

	width:134px;

	height:340px;

	float:left;

}

div.downline_slots div.slot div.slot_connector_left{

	width:50%;

	height:0px;

	line-height:0px;

	border:0px solid #305F6A;

	border-width:1px 0 1px 0;

	float:right;

}

div.downline_slots div.slot div.slot_connector_center{

	width:100%;

	height:0px;

	line-height:0px;

	border:0px solid #305F6A;

	border-width:1px 0 1px 0;

	float:right;

}

div.downline_slots div.slot div.slot_connector_right{

	width:50%;

	height:0px;

	line-height:0px;

	border:0px solid #305F6A;

	border-width:1px 0 1px 0;

	float:left;

}

div.slot_box{

	width:125px;

	height:180px;

	border:1px solid #305F6A;

	background:#fff;

	color:#380900;

	margin:auto;

	text-align:center;

	font-weight:bold;

	font-size:11px;

}

div.slot_highlight{

	/*background:#FFD07A;*/

}

div.slot_box div.slot_number{

	width:100%;

	height:20px;

	line-height:20px;

	background:#305F6A;

	color:#fff;

	font-weight:bold;

	margin-bottom:10px;

}

div.more_box{

	width:125px;

	border:1px solid #305F6A;

	margin:auto;

}

div.slot_more{

	padding-top:5px;

}

div.matrix_legend{

	padding-top:40px;

	text-align:left;

}

div.slot div.plana, div.head_slot div.plana, div.slot div.planb, div.head_slot div.planb, div.slot div.info, div.head_slot div.info, div.slot div.rank, div.head_slot div.rank, div.slot div.carry_forward, div.slot div.downline, div.head_slot div.downline{

	width:95%;

	margin:auto;

	font-size:11px;

	border:1px solid #000;

}

div.slot div.info, div.head_slot div.info{/*info*/

	background:#D4ECF0;

	border-width:1px 1px 0 1px;

}

div.slot div.rank, div.head_slot div.rank{/*rank*/

	background:#fff;

	border-width:1px 1px 0 1px;

	color:red;

}

div.slot div.plana, div.head_slot div.plana{/*plan a*/

	background:#fff;

	border-width:1px 1px 0 1px;

}

div.slot div.planb, div.head_slot div.planb{/*plan b*/

	background:#E6E6E6;

	border-width:1px 1px 0 1px;

}

div.slot div.carry_forward{/*carry forward*/

	background:#fff;

	border-width:1px 1px 0px 1px;

}

div.slot div.downline, div.head_slot div.downline{/*total downline*/

	background:#D9E6E9;

	border-width:1px 1px 1px 1px;

}

div.slot div.downline a:link,

div.slot div.downline a:hover,

div.slot div.downline a:visited,

div.slot div.downline a:active, 

div.head_slot div.downline a:link,

div.head_slot div.downline a:hover,

div.head_slot div.downline a:visited,

div.head_slot div.downline a:active{

	color:#1371A7;

}

div.slot div.rank-0, div.head_slot div.rank-00{/*none*/

	background:#fff;

}

div.slot div.rank-1, div.head_slot div.rank-05{/*basic*/

	background:#D2691E;

}

div.slot div.rank-1, div.head_slot div.rank-10{/*bronze*/

	background:#D2691E;

}

div.slot div.rank-2, div.head_slot div.rank-20{/*silver*/

	background:#C0C0C0;

}

div.slot div.rank-3, div.head_slot div.rank-30{/*gold*/

	background:#FFD700;

}

div.slot div.rank-4, div.head_slot div.rank-40{/*platinum*/

	background:#008B8B;

}



/* mini product listing table*/

.prod-mini-list{

	width:100%;

	background:#555;

}

.prod-mini-list td{

	padding:2px;

	vertical-align:top;

}

.prod-mini-list tr.pml_header{

	background-color:#666;

	font-weight:bold;

	color:#fff;

}

.prod-mini-list tr.pml_cat{

	background-color:#aaa;

	color:#000;

}

.prod-mini-list tr.pml_cat td{

	font-weight:bold;

}

.prod-mini-list tr.pml_body{

	background-color:#ddd;

	color:#000;

}



/* package product listing table*/

.package-prod-list{

	width:100%;

	background:#555;

}

.package-prod-list td{

	padding:2px;

	vertical-align:top;

}

.package-prod-list tr.ppl_header{

	background-color:#666;

	font-weight:bold;

	color:#fff;

}

.package-prod-list tr.ppl_body{

	background-color:#ddd;

	color:#000;

}



/* review product listing table*/

.review-prod-list{

	width:100%;

	background:#555;

}

.review-prod-list td{

	padding:2px;

	vertical-align:top;

	font-size:11px;

}

.review-prod-list tr.ppl_header{

	background-color:#666;

	font-weight:bold;

	color:#fff;

}

.review-prod-list tr.ppl_header td{

	text-align:center;

}

.review-prod-list tr.ppl_body{

	background-color:#ddd;

	color:#000;

}

/* internal messaging */

div.inbox_row{

	width:600px;

	border:1px solid #ddd;

}

div.inbox_header{

	font-weight:bold;

	background: #bbb;

	border:1px solid #ddd;

}

div.inbox_unread{

	font-weight:bold;

	background:#E6E8F0;

}

div.inbox_row div.inbox_chk, div.inbox_row div.inbox_sender, div.inbox_row div.inbox_subject, div.inbox_row div.inbox_date{

	float:left;

	height:20px;

	line-height:20px;

	overflow:hidden;

}

div.inbox_row div.inbox_sender a, div.inbox_row div.inbox_subject a, div.inbox_row div.inbox_date a{

	display:block;

	text-decoration:none;

}

div.inbox_unread a{

	color:#000;

}

div.inbox_row div.inbox_chk{

	width:22px;

}

div.inbox_row div.inbox_sender{

	width:130px;

}

div.inbox_row div.inbox_subject{

	width:350px;

}

div.inbox_row div.inbox_date{

	width:98px;

}



/*outbox*/

div.outbox_row{

	width:600px;

	border:1px solid #ddd;

	border-width:0 1px 1px 1px;

}

div.outbox_header{

	font-weight:bold;

	background: #bbb;

	border:1px solid #ddd;

}

div.outbox_row div.outbox_chk, div.outbox_row div.outbox_recipient, div.outbox_row div.outbox_subject, div.outbox_row div.outbox_date{

	float:left;

	height:20px;

	line-height:20px;

	overflow:hidden;

}

div.outbox_row div.outbox_recipient a, div.outbox_row div.outbox_subject a, div.outbox_row div.outbox_date a{

	display:block;

	text-decoration:none;

}

div.outbox_row div.outbox_chk{

	width:22px;

}

div.outbox_row div.outbox_recipient{

	width:130px;

}

div.outbox_row div.outbox_subject{

	width:350px;

}

div.outbox_row div.outbox_date{

	width:98px;

}

.rollover a {
display:block;
width: 177px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url(images/login-template_1_03.jpg) 0 0 no-repeat;
text-decoration: none;
}

.rollover a:hover { 
background-position: 0 -40px;
color: #049;
text-decoration: none;
}


/* end internal messaging */


/*##### navigation bar #####*/

div.nav_link{

	float:left;

	margin:3px 0;

}

div.nav_link div{

	margin:2px;

	height:20px;

	font-family:verdana;

	font-size:8pt;

	text-align:center;

	float:left;

}

div.nav_link div a{

	width: 20px;

	height: 20px;

	line-height: 20px;

	text-align:center;

}

div.nav_link div.nav_nav a{

	color:#37394B;

	background-color: #D6E3FF;

	font-weight:normal;

	text-decoration:none;

	display:block;

	border:1px solid #7B93C6;

}

div.nav_link div.nav_nav a:hover{

	background-color: #7B93C6;

	border: 1px solid #D6E3FF;

	color: #141B69;

}

div.nav_link div.nav_no a{

	color:#37394B;

	background-color: #D6E3FF;

	font-weight:normal;

	text-decoration:none;

	display:block;

	border:1px solid #7B93C6;

}

div.nav_link div.nav_no a:hover{

	background-color: #7B93C6;

	border: 1px solid #D6E3FF;

	color: #141B69;

}

div.nav_link div.nav_no_more{

	color:#37394B;

	background-color: #D6E3FF;

	font-weight:normal;

	border:0px solid #7B93C6;

}

div.nav_link div.nav_no_selected a{

	color: #37394B;

	font-weight:normal;

	text-decoration: none;

	display:block;

	border:0px solid #7B93C6;

	width:22px;

	height:22px;

	line-height:22px;

}

div.nav_link div.nav_no_selected a:hover{

	background-color: #7B93C6;

	border: 1px solid #D6E3FF;

	color: #141B69;

	width:20px;

	height:20px;

	line-height:20px;

}

/* end navigation bar */
